<template>
	<div class="layout-padding">
		<div class="layout-padding-auto layout-padding-view">
			<div class="h-full">
				<div class="h-1/3">
					<div class="flex h-full">
						<div class="h-full">
							<appKeyCard />
						</div>
						<div class="flex-1 pl-2">
							<subscribeList />
						</div>
					</div>
				</div>
				<div class="h-2/3">
					<recordList />
				</div>
			</div>
		</div>
	</div>
</template>

<script setup lang="ts" name="settingOpenApi">
import appKeyCard from './components/appKey.vue';
import subscribeList from './components/subscribeList.vue';
import recordList from './components/recordList.vue';
</script>

<style lang="scss" scoped></style>
